@charset "utf-8";
.web{   
    .kv{
        margin-top: 56px;
        .carousel-indicators{
             .pagination{
            width: 12px;
            height: 12px;
            border-radius: 50%;
            border: 1px solid #fff;
            }
        .active{
            background: #000;
            } 
        }
        
    }
    .lieren2{
        .lieren2-desc{
            .lieren2-1{
                margin-top: -70px;
                .lieren2-img{
                    .img{
                        img{
                          
                        }
                    }
                }
                .lieren2-content{
                    .title{
                        h2{
                           text-align: right;
                           font-size: 30px; 
                           margin-bottom: 18px;
                        }
                        p{
                           text-align: right; 
                           font-size: 12px;
                           line-height: 30px;
                           margin-bottom: 31px;
                        }
                        .row{
                            .lieren-imggroup{
                                margin-bottom: 30px;
                                
                                overflow: hidden;
                                img{
                                    width: 100%;
                                    border-radius: 15px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .shangba{
        .shangba-desc{
            .shangba-1{
                margin-top: 30px;
                .shangba-img{
                    .img{
                        img{
                            
                        }
                    }
                }
                .shangba-content{
                    .title{
                        h2{
                           text-align: left;
                           font-size: 30px; 
                           margin-bottom: 18px;
                        }
                        p{
                           text-align: left; 
                            font-size: 12px;
                           line-height: 30px;
                           margin-bottom: 31px;
                        }
                        .row{
                            .lieren-imggroup{
                                 margin-bottom: 30px;
                                
                                
                                overflow: hidden;
                                img{
                                    width: 100%;
                                    border-radius: 15px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .more{
        .morecase{
            h1{
                font-size: 36px;
                margin-top: 123px;
                
            }
            .row{
                align-content: space-between;
                .col-6,.col-md-4{
                    margin-top: 39px;
                    .img{
                        width: 303px;
                        height:133px ;
                        overflow: hidden;
                        border-radius:15px;
                        img{
                            height: 100%;
                        }
                    }
                    p{
                        font-size: 14px;
                        text-align: center;
                    }
                }
            }
        }
    }
}
@media only screen and(max-width:768px){
    .web{
        .lieren2{
            img{
                margin-bottom: 20px;
            }
            .lieren2-desc{
                .lieren2-1{
                    .lieren2-img{   
                            .img{
                                display: none;
                        }
                    }     
                }
            }
        }
        .shangba{
            .shangba-desc{
                .shangba-1{
                        .shangba-img{
                            .img{
                                display: none;
                            }
                    }
                }
            }
        }
        .more{
            .morecase{
               .row{
                   .col-6{
                       .img{
                           width: 256px;
                           height: auto;
                           overflow: hidden;
                           border-radius: 15px;
                           img{
                               width: 100%;
                           }
                       }
                       p{
                           margin-top: 13px;
                       }
                   }
               } 
            }
        }
    }
}
@media only screen and(max-width:414px){
    .web{
        .lieren2{
            .lieren2-desc{
                .lieren2-1{
                    .lieren2-content{
                        .title{
                            .row{
                               .lieren-imggroup{
                                   width: 130px;
                                   height: 63px;
                                   margin-bottom: 15px;
                                   img{
                                       height: 100%;
                                       border-radius: 8px;
                                   }
                               } 
                            }
                        }
                    }
                }
                
            }
        }
        .shangba{
            .shangba-desc{
                .shangba-1{
                    .shangba-content{
                        .title{
                            .row{
                                .lieren-imggroup{
                                    width: 130px;
                                   height: 63px;
                                   margin-bottom: 15px;
                                   img{
                                       height: 100%;
                                       border-radius: 8px;
                                   }
                                }
                            }
                        }
                    }
                }
            }
        }
        .more{
            .morecase{
                h1{
                    margin-top: 25px;
                }
                .row{
                    .col-6{
                        margin-top: 25px;
                        .img{
                            width: 170px;
                            height: 83px;
                            overflow: hidden;
                            border-radius: 8px;
                            
                            img{
                                width: 100%;
                            }
                        }
                    }
                     .col-6:nth-child(21){
                         margin-left: auto;
                     }
                    
                }    
            }
        }
    }
    
}
@media only screen and(max-width:320px){
    .web{
        .lieren2{
            .lieren2-desc{
                .lieren2-1{
                    .lieren2-content{
                        .title{
                            .row{
                               .lieren-imggroup{
                                   width: 100px;
                                   height: 52px;
                                   margin-bottom: 15px;
                                   img{
                                       height: 100%;
                                       border-radius: 4px;
                                   }
                               } 
                            }
                        }
                    }
                }
                
            }
        }
        .shangba{
            .shangba-desc{
                .shangba-1{
                    .shangba-content{
                        .title{
                            .row{
                                .lieren-imggroup{
                                    width: 100px;
                                   height: 52px;
                                   margin-bottom: 15px;
                                   img{
                                       height: 100%;
                                       border-radius: 4px;
                                   }
                                }
                            }
                        }
                    }
                }
            }
        }
        .more{
            .morecase{
                h1{
                    margin-top: 25px;
                }
                .row{
                    .col-6{
                        margin-top: 15px;
                        .img{
                            width: 120px;
                            height: 67px;
                            overflow: hidden;
                            border-radius: 4px;
                            
                            img{
                                width: 100%;
                            }
                        }
                    }
                     .col-6:nth-child(21){
                         margin-left: auto;
                     }
                    
                }    
            }
        }
    }
    
}

